<script>
</script>

<template>
	<div class="footer">
		<!--底部的口号 start-->
		<div class="slogen">
			<span class="item slogen1">
				<img src="../../assets/jd/slogen1.png" />
			</span>
			<span class="item slogen2">
				<img src="../../assets/jd/slogen2.png" alt="" />
			</span>
			<span class="item slogen3">
				<img src="../../assets/jd/slogen3.png" alt="" />
			</span>
			<span class="item slogen4">
				<img src="../../assets/jd/slogen4.png" alt="" />
			</span>
		</div>
		<!--底部的口号 end-->

		<!--购物指南&区域覆盖 start-->
		<div class="w footer-shopping clearfix">
			<dl>
				<dt>购物指南</dt>
				<dd><a href="#">购物流程</a></dd>
				<dd><a href="#">会员介绍</a></dd>
				<dd><a href="#">生活旅行/团购</a></dd>
				<dd><a href="#">常见问题</a></dd>
				<dd><a href="#">大家电</a></dd>
				<dd><a href="#">联系客服</a></dd>
			</dl>
			<dl>
				<dt>配送方式</dt>
				<dd><a href="#">上门自提</a></dd>
				<dd><a href="#">211限时达</a></dd>
				<dd><a href="#">配送服务查询</a></dd>
				<dd><a href="#">配送费收取标准</a></dd>
				<dd><a href="#">海外配送</a></dd>
			</dl>
			<dl>
				<dt>购物指南</dt>
				<dd><a href="#">购物流程</a></dd>
				<dd><a href="#">会员介绍</a></dd>
				<dd><a href="#">生活旅行/团购</a></dd>
				<dd><a href="#">常见问题</a></dd>
				<dd><a href="#">大家电</a></dd>
				<dd><a href="#">联系客服</a></dd>
			</dl>
			<dl>
				<dt>购物指南</dt>
				<dd><a href="#">购物流程</a></dd>
				<dd><a href="#">会员介绍</a></dd>
				<dd><a href="#">生活旅行/团购</a></dd>
				<dd><a href="#">常见问题</a></dd>
				<dd><a href="#">大家电</a></dd>
				<dd><a href="#">联系客服</a></dd>
			</dl>
			<dl class="last-dl">
				<dt>购物指南</dt>
				<dd><a href="#">购物流程</a></dd>
				<dd><a href="#">会员介绍</a></dd>
				<dd><a href="#">生活旅行/团购</a></dd>
				<dd><a href="#">常见问题</a></dd>
				<dd><a href="#">大家电</a></dd>
				<dd><a href="#">联系客服</a></dd>
			</dl>

			<div class="coverage">
				<h3>京东自营覆盖区县</h3>
				<p>京东已向全国2654个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
				<a href="#">查看详情 ></a>
			</div>
		</div>

		<!--购物指南&区域覆盖 end-->

		<!--最底部 start-->
		<div class="w footer-bottom">

			<div class="footer-about">
				<a href="#">关于我们</a>|
				<a href="#">联系我们</a>|
				<a href="#">联系客服</a>|
				<a href="#">商家入驻</a>|
				<a href="#">营销中心</a>|
				<a href="#">手机京东</a>|
				<a href="#">友情链接</a>|
				<a href="#">销售联盟</a>|
				<a href="#">京东社区</a>|
				<a href="#">京东公益</a>|
				<a href="#">English Site</a>|
				<a href="#">Contact Us</a>
			</div>

			<div class="footer-copyright">
				<img src="../../assets/jd/guohui.png" />京公网安备 11000002000088号 | 京ICP证070359号 | 互联网药品信息服务资格证编号(京)-经营性-2014-0008 |
				新出发京零 字第大120007号<br>
				互联网出版许可证编号新出网证(京)字150号 | 出版物经营许可证 | 网络文化经营许可证京网文[2014]2148-348号 | 违法和不良信息举报电话：4006561155<br>
				Copyright © 2004 - 2016 京东JD.com 版权所有 | 消费者维权热线：4006067733<br>
				京东旗下网站：京东钱包
			</div>

			<div class="footer-bottom-img">
				<a href="#"><img src="../../assets/jd/img1.jpg" /></a>
				<a href="#"><img src="../../assets/jd/img1.jpg" /></a>
				<a href="#"><img src="../../assets/jd/img1.jpg" /></a>
				<a href="#"><img src="../../assets/jd/img1.jpg" /></a>
				<a href="#"><img src="../../assets/jd/img1.jpg" /></a>
				<a href="#"><img src="../../assets/jd/img1.jpg" /></a>
			</div>
		</div>
		<!--最底部 end-->
	</div>
</template>

<style>
	/*底部的口号 start*/
	.slogen {
		height: 54px;
		padding: 20px 0;
		background-color: #f5f5f5;
		position: relative;
		margin-bottom: 15px;
	}

	.item {
		width: 302px;
		position: absolute;
		top: 20px;
		left: 50%;
	}

	.slogen1 {
		margin-left: -608px;
	}

	.slogen2 {
		margin-left: -304px;
	}

	.slogen3 {
		margin-left: 2px;
	}

	.slogen4 {
		margin-left: 304px;
	}

	/*底部的口号 end*/

	/*购物指南 start*/
	.footer-shopping {
		margin-top: 16px;
		/*和上方保持距离*/
	}

	.footer-shopping dl {
		float: left;
		width: 200px;
	}

	dl.last-dl {
		width: 100px;
	}

	.footer-shopping dt {
		height: 34px;
		font: 400 16px/34px "microsoft yahei";
	}

	.footer-shopping dd {
		line-height: 20px;
	}

	/*购物指南 end*/

	/*覆盖区域 start*/
	.coverage {
		float: left;
		width: 186px;
		height: 169px;
		margin-right: 60px;
		padding-left: 17px;
		background: url(../../assets/jd/china.png) no-repeat left bottom;
	}

	.coverage h3 {
		height: 34px;
		font: 400 16px/34px "microsoft yahei";
	}

	.coverage p {
		padding-top: 8px;
	}

	.coverage a {
		float: right;
	}

	/*覆盖区域 end*/

	/*最底部start*/
	.footer-bottom {
		margin-top: 20px;
		text-align: center;
		/*让文字在容器中水平方向居中*/
		padding: 20px 0 30px;
		border-top: 1px solid #E5E5E5;
	}

	.footer-bottom .footer-about a {
		margin: 0 10px;
	}

	.footer-copyright {
		padding: 10px 0;
	}

	.footer-bottom-img a {
		margin: 0 5px;
	}

	/*最底部end*/
</style>